<#layout title="快速开始" />
<h2>单入口文件<span id="application-structure"></span><a href="#application-structure" class="hashlink">¶</a></h2>
<pre><code class="hljs sql">
&lt;!doctype html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;ie=edge&quot;&gt;
    &lt;meta name=&quot;keywords&quot; content=&quot;&quot; /&gt;
    &lt;meta name=&quot;description&quot; content=&quot;&quot; /&gt;

    &lt;title&gt;&lt;/title&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;config.js&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
        LAM.run(function(){
            'use strict';
            var System = this;

            System.Loader

                .load({
                    'baseUrl':System.COMMON,
                    'suffix':'.css',
                    'rel':'stylesheet',
                    'css':[
                        '/css/bootstrap'
                        ,'/css/global'
                    ]
                })
                .load({
                    'baseUrl':System.CSS,
                    'suffix':'.css',
                    'rel':'stylesheet',
                    'css':[
                        '/lib'
                    ]
                })

                .print();

            System
                .import([
                    '/use'
                ],System.SCRIPT,'.js?t='+System.app.t);
        });
    &lt;/script&gt;



&lt;/head&gt;

&lt;body class=&quot;h-percent-of100&quot;&gt;
&lt;div id=&quot;hidden_bnt&quot; class=&quot;sectionBtn-A2 sectionFixed-A1&quot;&gt;
    &lt;span class=&quot;mb3&quot;&gt;&lt;/span&gt;
    &lt;span class=&quot;mb3&quot;&gt;&lt;/span&gt;
    &lt;span&gt;&lt;/span&gt;
&lt;/div&gt;
&lt;div class=&quot;container-fluid&quot;&gt;
    &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;col-md-2 sectionSidebar-A1&quot;&gt;
            &lt;include file=&quot;{{LAM.BACKEND}}/views/inc_menu.html&quot;&gt;&lt;/include&gt;
        &lt;/div&gt;
        &lt;div class=&quot;col-md-10 sectionWrap-A4&quot;&gt;
            &lt;div class=&quot;p20&quot;&gt;
                &lt;div class=&quot;sectionPhoneTop-A1 clear none mb20&quot;&gt;
                    &lt;img class=&quot;L logo&quot; data-var=&quot;tpl&quot; src=&quot;{{LAM.IMAGE}}/imgs_LHH/logo.png&quot; width=&quot;130&quot; height=&quot;54&quot; alt=&quot;&quot;&gt;
                    &lt;div class=&quot;sectionBtn-A2 R mt20 mr15&quot;&gt;
                        &lt;span class=&quot;mb3&quot;&gt;&lt;/span&gt;
                        &lt;span class=&quot;mb3&quot;&gt;&lt;/span&gt;
                        &lt;span&gt;&lt;/span&gt;
                    &lt;/div&gt;
                    &lt;img class=&quot;R img&quot; data-var=&quot;tpl&quot; src=&quot;{{LAM.IMAGE}}/imgs_LHH/pics/img_01.gif&quot; width=&quot;20&quot; height=&quot;20&quot; alt=&quot;&quot;&gt;
                &lt;/div&gt;
                &lt;include file=&quot;{{LAM.BACKEND}}/views/inc_header.html&quot;&gt;&lt;/include&gt;
                &lt;include file=&quot;{{LAM.BACKEND}}/views/{{LAM.VNAME}}.html&quot; file_404=&quot;_404.html&quot;&gt;&lt;/include&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
    LAM.run([jQuery],function($){
        'use strict';
        var System = this;
        System.use();
        System.VNAME = System.get('r') || 'room/list';
        System.Html.include($('include'));
        System.Html.analysisTpl();

        var DATE={
            'b_width':0,
            'b_height':0,
            '$hidden_bnt':null
        };

        var setSize=function(n){
            n=n || 0;
            var height=$(window).height();
            var width=$(window).width();
            DATE.b_width=width;
            DATE.b_height=height;
            $('.sectionSidebar-A1').height(height);
            $('.sectionList-A2').height($(window).height()-116);


        };

        $(function(){

            System.setMenuSelectedStatus(System.VNAME);


            $('title').text(System.TITLE || 'title');

            $('.sectionList-A2 dd').on('click',function(){
                $(this).find('.sectionList-A1').toggle();
            });

            setSize();
            $(window).resize(function() {
                setSize();
            });
            $(window).scroll(function() {
                setSize($(window).scrollTop());
            });
            var $sectionWrapA4=$('.sectionWrap-A4');
            var $hidden_bnt=$('#hidden_bnt');

            $('#hidden_bnt').on('click',function(){
                if(!this.flag){
                    $sectionWrapA4.animate({&quot;left&quot;:&quot;47px&quot;});
                    $hidden_bnt.animate({&quot;left&quot;:&quot;20px&quot;});

                    this.flag = true;
                }else{

                    $sectionWrapA4.animate({&quot;left&quot;:&quot;220px&quot;});
                    $hidden_bnt.animate({&quot;left&quot;:&quot;192px&quot;});
                    this.flag = false;
                }


            });
        });



    });
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

</code></pre>
<h2>第一步：引入配置文件<span id="application-structure"></span><a href="#application-structure" class="hashlink">¶</a></h2>

<pre><code class="hljs sql">
&lt;script type=&quot;text/javascript&quot; src=&quot;config.js&quot;&gt;&lt;/script&gt;

</code></pre>
<h2>第二步：加载需要的css ;js 文件<span id="application-structure"></span><a href="#application-structure" class="hashlink">¶</a></h2>
<h2>第三步：在run 这个沙盒里执行操作<span id="application-structure"></span><a href="#application-structure" class="hashlink">¶</a></h2>
